.alert {
	width: 500px;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 20%;
	height: 60px;
	list-style: 60px;
	border-radius: 2px;

	&[type="success"] {
		background-color: #f6ffed;
		border: 1px solid #b7eb8f;
	}

	&[type="warning"] {}

	&[type="error"] {
		background-color: #c53030;
		border: 1px solid hsla(0, 86%, 48%, 0.904);
	}

	.close {
		position: fixed;
		right: 4px;
		top: 4px;
	}

	.content {
		margin-left: 20px;
		text-align: center;
	}
}